
<template>
  <div class="h-100">
    <a-breadcrumb class="mx-3 my-2 bg-white p-3"
                  v-if="breadcrumb.length">
      <a-breadcrumb-item :key="item.path"
                         v-for="(item, idx) in breadcrumb">
        <router-link :to="item.path"
                     v-if="breadcrumb.length - 1 !== idx">
          {{$t(item.breadcrumbName)}}
        </router-link>
        <span v-else>{{$t(item.breadcrumbName)}}</span>
      </a-breadcrumb-item>
    </a-breadcrumb>
    <div :class="['mx-3','my-2','bg-white','overflow-y-auto',breadcrumb.length?'main-content-container-1':'main-content-container-0']">
      <slot name="container" />
    </div>
  </div>
</template>
<script>
/**
 * @description Common Container Component
 */

// import { Breadcrumb } from 'vue-antd-ui'
export default {
  props: {
    breadcrumb: {
      type: Array,
      default: () => []
    }
  },
  data() {
    return {

    }
  }
}
</script>
